<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	    <title>重点国家疫情统计</title>
	
	    <!-- Bootstrap -->
	    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
	     <!--你自己的css样式-->
	    <link rel="stylesheet" href="../CSS/index.css">
        <!--
     	作者：offline
     	时间：2020-04-25
     	描述：站点图标
         -->
        <link rel="shortcut icon" href="../imgs/bige_data.png" type="image/x-icon">
    <script src="../JS/echarts.min.js"></script>
</head>

<body>
    <!--
    	作者：offline
    	时间：2020-05-06
    	描述：头部
    -->
    <header id="cov_header">
		<nav class="navbar navbar-default navbar navbar-fixed-top navbar-cov">
		  <div class="container">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#cov_nav" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#">
		      	<!--<img alt="Brand" src="../static/imgs/logo_bochuang.png" width="40px" height="40px">
		      	COVID-19-visualization-->
		      	<!--<img src="../static/imgs/bige_data.png" width="30" height="30" class="d-inline-block align-center" alt="Brand">-->
        		<img src="../imgs/logo_bochuang.png" width="30" height="30" class="d-inline-block align-center" alt="Brand">
        		COVID-19-visualization
		      </a>
		    </div>
		
		    <div class="collapse navbar-collapse" id="cov_nav">
		      <ul class="nav navbar-nav nav-tabs" role="tablist">
                    
                    <li role="presentation"><a href="world_index.html" target="_self">世界地图</a></li>
                    <!--<li class="active"><a href="javascript:;">世界地图 </a></li>-->
                    <li role="presentation"><a href="china_index.html" target="_self">中国地图</a></li>
                    <li role="presentation"><a href="javascript:">中国各省详细</a></li>
                    <li role="presentation"><a href="../html/All_countries.html" target="_blank">各国趋势</a></li>
                    <li role="presentation" class="active"><a href="Statistics.html">重点国家疫情统计</a></li>
                    
              </ul>
              
		      <ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
		        <li><a class="nav-link" href="https://github.com/BlankerL/DXY-2019-nCoV-Data" target="_blank">数据来源</a></li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>
		</header>
    	
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
        <div class="container-fluid"  style="width: 100%">
	        <section>

                <div class="map_header">
                    <div class="nav_1">
                        <!--<button class="nav_1_1" id="first" onclick="changeAll()">累计确诊</button>
                        <button class="nav_1_1" id="sceond" onclick="changeNow()">现存确诊</button>-->
						<button type="button" class="btn btn-danger btn-sm" id="first" onclick="changeAll()">累计确诊</button>
                        <button type="button" class="btn btn-warning btn-sm" id="sceond" onclick="die()">死亡</button>
                        <button type="button" class="btn btn-success btn-sm" id="third" onclick="heal()">治愈</button>
                    </div>
                </div>
	        	<div id="main" style="position: relative;top: 150px; width:100%;height:720px;">图表</div>
				<script src="../JS/Statistics.js"></script>
				<script src="../JS/controller_s.js"></script>
</body>
</html>